Всплывающие окна: как создать и настроить

Всплывающее окно — это рекламный баннер с формой заявки, который появляется на вашем сайте в нужный момент. С его помощью можно предложить скидку, рассказать об акции и собрать контакты посетителей.

Шаг 1. Откройте раздел «Маркетинг»

В левом меню личного кабинета нажмите иконку рупора — Маркетинг.

Откроется страница с двумя карточками: Истории и Всплывающие окна.

Шаг 2. Перейдите во «Всплывающие окна»

В карточке «Всплывающие окна» нажмите «Перейти».

Откроется список всех созданных окон.

На странице есть: поиск по названию; карточки окон со статусом («Активно») и датами показа; переключатель — включает и выключает окно; иконка шестерёнки — открывает настройки окна.

Шаг 3. Нажмите «Создать окно»

Кнопка «+ Создать окно» находится справа вверху. После нажатия откроется страница «Создание окна».

Шаг 4. Заполните блок «Основное»

Название окна. Например, «Скидка 10% на первый заказ». Название видите только вы, посетителям оно не показывается.

Канал связи (сайт). Выберите из списка сайт, на котором будет показываться окно.

Сроки публикации. Это период, когда окно доступно посетителям. Даты можно вписать вручную в поля «Начальная дата» и «Конечная дата» или нажать быструю кнопку: День, Неделя, Месяц или Бесконечно.
Если даты не заданы, окно показывается постоянно.

Шаг 5. Выберите шаблон окна

Спуститесь к блоку «Содержимое окна».

Вверху расположены готовые шаблоны:

• Консультация и скидка — предложить скидку в обмен на заявку;

• Специальное предложение — акция, ограниченная по времени;

• Реклама продукта — рассказать о товаре или услуге;

• Видео-презентация — окно с видеороликом;
• Создать новый с одной колонкой — пустое окно, всё собираете сами;

• Создать новый с двумя колонками — пустое окно, где слева текст, а справа картинка.

В готовом шаблоне можно поменять текст и изображение.

Шаг 6. Соберите содержимое окна

Слева находится панель блоков. Добавляйте их кликом или перетаскиванием на макет в центре экрана.

Блок «Текст» добавляет заголовок или абзац. Блок «Изображение» — картинку или баннер. Блок «Видео» — ролик с автозапуском.

Поля формы — то, что заполнит посетитель.
Доступны: «Имя», «Телефон» (с маской ввода), «Email», «Текстовое поле» для короткого ответа, «Многострочное поле» для развёрнутого комментария и «Список» для выбора одного варианта из нескольких. Если блок уже есть в окне, в панели он будет подписан «Уже добавлен».

Действия — что произойдёт по кнопке.
«Кнопка отправки» отправляет заполненную форму, и заявка приходит вам.
«Кнопка-ссылка» ведёт посетителя на указанную страницу.
«Открыть чат» разворачивает виджет чата.

Разметка. Блок «Колонка» — вертикальный контейнер для контента, блок «Строка» — несколько колонок в одном ряду.

Чтобы отредактировать элемент, кликните по нему прямо на макете. Справа в панели «Свойства блока» появятся его настройки: текст, цвет, отступы и другие параметры.

Шаг 7. Настройте внешний вид

Справа расположена панель «Стиль окна».

В ней можно задать:

Ширину окна — четыре варианта: S, M, L или XL;

Скругление углов — в пикселях, по умолчанию 16;

Фон окна — нажмите «Настроить фон» и выберите нужный цвет.

Шаг 8. Проверьте вид на телефоне

Над макетом есть переключатель ПК / Мобильный. Обязательно посмотрите оба варианта: на телефоне текст и картинки располагаются иначе, чем на компьютере.

Шаг 9. Подключите автоматизацию

Блок «Автоматизация» отвечает за то, когда именно окно появится у посетителя.

Название заполняется автоматически по названию окна — можно оставить как есть.

Нажмите «Изменить» и выберите событие:

Постоянно — окно показывается всем посетителям сайта;

Посетитель написал сообщение — окно появится после первого сообщения в чат;

Посетитель открыл виджет — окно появится, когда человек откроет окно чата.

Частота выполнения определяет, как часто окно может показываться одному человеку.
Нажмите на текущее значение и выберите один из вариантов:

• Без ограничений — окно показывается каждый раз;

• Единожды — только один раз;

• Один раз в день — не чаще раза в сутки;

• Установить частоту — задать свой интервал.

Рекомендуем «Один раз в день» — так окно не будет раздражать посетителей.

Условия (по желанию).

Это дополнительные проверки перед показом.
Нажмите «Добавить условие» и выберите нужное из списка, затем нажмите «+» справа от него.

Доступны такие условия:

• Наличие операторов в онлайне — показывать окно, только когда есть кому ответить;

• Время от закрытия виджета — напомнить о себе через несколько минут после того, как посетитель закрыл чат;

• Время от первого сообщения посетителя — показать предложение активному посетителю;

• Время без ответа оператора — удержать человека, пока оператор занят;

• Статус виджета — показывать окно, только когда чат свёрнут или, наоборот, открыт.

Над кнопкой написано: «Если выполняется каждое из условий». Нажмите на слово каждое, чтобы переключить на любое. При варианте «каждое» окно покажется только тогда, когда выполнены все условия сразу. При варианте «любое» достаточно выполнения одного.

Условия можно не добавлять — тогда окно покажется без дополнительных проверок.

Действия.

Этот блок менять не нужно. В нём уже стоит значение «Показать всплывающее окно — новое окно» и значок замка.

Шаг 10. Сохраните окно

Нажмите кнопку «Создать окно» внизу страницы. Кнопка становится активной только после того, как заполнены обязательные поля: название, канал связи и содержимое окна.

Кнопка «Отмена» закрывает форму без сохранения.

Шаг 11. Проверьте результат

Убедитесь, что окно появилось в списке и у него стоит статус «Активно».

Проверьте, что переключатель на карточке включён.

Откройте свой сайт в режиме инкогнито и дождитесь появления окна.

Заполните форму и убедитесь, что заявка пришла.

Короткие советы

Один экран — одно предложение и одна кнопка. Не пытайтесь уместить несколько акций сразу.

Просите минимум данных: имя и телефон дают больше заявок, чем длинная анкета.

Пишите на кнопке конкретное действие — «Получить скидку» работает лучше, чем «Отправить».

Не запускайте несколько окон с одинаковым предложением одновременно.

Обновляйте текст и оформление раз в 2-4 недели, чтобы предложение не примелькалось.

Остались вопросы — напишите нам в чат на сайте, поможем с настройкой.